import React, { Component } from 'react';
import { StyleSheet, Text, View, Platform, ScrollView } from 'react-native';
import { Raty } from 'iftide';

export default class Basic extends Component {

    render() {
        return (
            <View style={styles.container}>
                <View style={styles.ratyContainer}>
                    <Raty
                        defaultRating={4.5}
                        count={5}
                        title={'服务评价'}
                        reviews={['1分', '2分', '3分', '4分', '5分']}
                        disabled={true}
                        review={'4.5分'}
                    />
                </View>
                <View style={styles.ratyContainer}>
                    <Raty
                        defaultRating={3}
                        count={5}
                        title={'服务评价'}
                        reviews={['非常不满意', '不满意', '一般满意', '基本满意', '非常满意']}
                        size={'middle'}
                        onFinishRating={(position) => {alert(position)}}
                    />
                </View>
                <View style={styles.ratyContainer}>
                    <Raty
                        defaultRating={1}
                        count={5}
                        title={'晨星评级'}
                        reviews={['1分', '2分', '3分', '4分', '5分']}
                        size={'small'}
                        onFinishRating={(position) => {alert(position)}}
                    />
                </View>
                <View style={styles.ratyContainer}>
                    <Raty
                        defaultRating={3.5}
                        count={5}
                        showTitle={false}
                        reviews={['1分', '2分', '3分', '4分', '5分']}
                        disabled={true}
                        review={'3.5分 一般满意'}
                        horizontal={false}
                    />
                </View>
                <View style={styles.ratyContainer}>
                    <Raty
                        defaultRating={2}
                        count={5}
                        showTitle={false}
                        reviews={['1分 非常不满意', '2分 不满意', '3分 一般满意', '4分 基本满意', '5分 非常满意']}
                        horizontal={false}
                        size={'middle'}
                    />
                </View>
                <View style={styles.ratyContainer}>
                    <Raty
                        defaultRating={1}
                        count={5}
                        showTitle={false}
                        reviews={['1分 非常不满意', '2分 不满意', '3分 一般满意', '4分 基本满意', '5分 非常满意']}
                        horizontal={false}
                        size={'small'}
                    />
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        height: '100%',
        flex:1
    },
    ratyContainer: {
        paddingVertical: 10,
        paddingLeft: 13,
    }
});
